﻿{% extends "gma/base.html" %}
{% load mytag %}

<!-- CONTENT
  =====================================================================-->

{% block content %}

<div class="page__hd">
    <h1 class="page__title">
        <i class="fa fa-robot weui_grid_icon_fa" style="font-size: 32px;"> </i> 用户行为分析
    </h1>
    <p class="page__desc"> <b>{{ channel }}</b> 渠道用户行为分析 ({{ day }}) </p>
</div>

<div class="page__bd">
    <div class="weui-cells__title"> 新增用户 </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 新增用户数 </p> </div>
            <div class="weui-cell__ft"> {{ new_user_count }} <i class="fa fa-user"></i></div>
        </div>
    </div>

    <div class="weui-cells__title"> 在线时长分析 </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-clock gm_menu_item_icon"></i> 平均在线时长 </p> </div>
            {% if average_online_seconds < 600 %}
                <div class="weui-cell__ft red_color"> <b> {{ average_online_seconds|readable_seconds }} </b></div>
            {% else %}
                <div class="weui-cell__ft green_color"> <b> {{ average_online_seconds|readable_seconds }} </b> </div>
            {% endif %}
        </div>
    </div>

    <div class="weui-cells__title"> 交互分析 </div>
    <div class="weui-cells">
         <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-percent gm_menu_item_icon"></i> 主播关注率 </p> </div>
            {% if caster_follow_ratio < 5 %}
                <div class="weui-cell__ft red_color"> <b>{{ caster_follow_ratio|div }} % </b></div>
            {% else %}
                <div class="weui-cell__ft green_color"> <b>{{ caster_follow_ratio|div }} % </b> </div>
            {% endif %}
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 关注过主播的用户数 </p> </div>
            <div class="weui-cell__ft"> {{ follow_caster_new_user_count }} <i class="fa fa-user"></i></div>
        </div>

       <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 屏蔽过主播的用户数 </p> </div>
            <div class="weui-cell__ft"> {{ ban_caster_new_user_count }} <i class="fa fa-user"></i></div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 呼叫过主播的用户数 </p> </div>
            <div class="weui-cell__ft"> {{ call_caster_new_user_count }} <i class="fa fa-user"></i></div>
        </div>
    </div>

    <div class="weui-cells__title"> 付费分析 </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-percent gm_menu_item_icon"></i> 付费渗透率 </p> </div>
            {% if PUR < 3 %}
                <div class="weui-cell__ft red_color"> <b>{{ PUR|div }} % </b> </div>
            {% else %}
                <div class="weui-cell__ft green_color"> <b>{{ PUR|div }} % </b> </div>
            {% endif %}
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 新增付费用户数 </p> </div>
            <div class="weui-cell__ft"> {{ new_pay_user_count }} <i class="fa fa-user"></i></div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-yen-sign gm_menu_item_icon"></i> 累计付费金额 </p> </div>
            <div class="weui-cell__ft"> ￥ {{ pay_amount }} </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-yen-sign gm_menu_item_icon"></i> ARPU </p> </div>
            <div class="weui-cell__ft"> ￥ {{ ARPU|div }} </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-yen-sign gm_menu_item_icon"></i> ARPPU </p> </div>
            <div class="weui-cell__ft"> ￥ {{ ARPPU|div }} </div>
        </div>
    </div>

    <div class="weui-cells__title"> 消费分析 </div>
    <div class="weui-cells">
         <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-percent gm_menu_item_icon"></i> 消费用户比率 </p> </div>
             {% if consume_ratio < 4 %}
                 <div class="weui-cell__ft red_color"> <b>{{ consume_ratio|div }} % </b></div>
             {% else %}
                 <div class="weui-cell__ft green_color"> <b>{{ consume_ratio|div }} % </b></div>
             {% endif %}
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 购买短视频的用户数 </p> </div>
            <div class="weui-cell__ft"> {{ buy_video_new_user_count }} <i class="fa fa-user"></i></div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 发送私信的用户数 </p> </div>
            <div class="weui-cell__ft"> {{ send_message_new_user_count }} <i class="fa fa-user"></i></div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 视频通话的用户数 </p> </div>
            <div class="weui-cell__ft"> {{ video_chat_new_user_count }} <i class="fa fa-user"></i></div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd"> <p> <i class="fa fa-user gm_menu_item_icon"></i> 赠送礼物的用户数 </p> </div>
            <div class="weui-cell__ft"> {{ send_gift_new_user_count }} <i class="fa fa-user"></i></div>
        </div>
    </div>
</div>

<div class="page__ft">
    <a href="{% url 'gma:home' %}">
        <span class="bottom-logo">
           HiBao
       </span>
    </a>
</div>

{% endblock content %}


<!-- SCRIPT
  =====================================================================-->

{% block extra_js %}
{% endblock extra_js %}